<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

    <style>

        *{
            color: red;
        }
        span{
            color: aqua;
        }
        .nihao{
            font-size: large;
        }
        #hello{
            color: yellowgreen; font-size: larger;
        }
        input[type="submit"]{
            width: 60px; height: 60px; color: aqua; background-color: red;
        }
        .box p{
            color: violet;
        }
        .box2>p{
            color: blue; font-size: 100px;
        }
        .gta+p{
            color: blue;
        }
        .benghuai~p{
            color: teal; font-size: larger;
        }
        ul li:hover:last-child::after{
            content: '哎哟你干嘛~';
            color: crimson;
        }
        
    </style>

<body>
    
    <p><span>原神</span>启动</p>
    
    <p class="nihao">你好啊</p>

    <p id="hello">hello</p>

    <input type="submit" value="上传">
    <br>
    <input type="submit" value="下载">

    <div class="box">
        <p>haha</p>
        <div>
            <p>hello</p>
        </div>

    </div>

    <div class="box2">
        <p> word</p>
        <div>
            <p>word</p>
        </div>

    </div>

    <div class="gta">gta</div>
    <p>hi</p>
    <p>hello</p>

    <div class="benghuai">benghuai</div>
    <p>haha</p>
    <p>hello</p>

    <ul>
        <li>唱</li>
        <li>跳</li>
        <li>rap</li>
        <li>篮球</li>
    </ul>

</body>
</html>